<html>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>微课-课程列表</title>
    
    <link href="../../css/bootstrap.min.css" rel="stylesheet">
    <link href="../../css/basic.css" rel="stylesheet">
    <link href="../../css/common.css" rel="stylesheet">
	<link href="../../css/theme.css" rel="stylesheet">
    <!--[if lt IE 9]>
      <script src="../../js/common/html5shiv.min.js"></script>
      <script src="../../js/common/respond.min.js"></script>
    <![endif]-->
    
</head>
<body>
	<!--顶部导航-->
	<nav class="navbar navbar-default navbar-fixed-top navbar-inverse" role="navigation">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#demo-navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="index.html" style="font-size:26px">微课</a>
            </div>
    
        	<!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="demo-navbar">
              <ul class="nav navbar-nav menu">
                <li class="active"><a href="course_list.html">课程</a></li>
                <li class="dropdown"><a href="#">个人中心</a>
                    <ul class="submenu">
                        <li><a href="personal_center.html">我的信息</a></li>
                        <li><a href="center_mycourse.html">我的课程</a></li>
                        <li><a href="center_myhomework.html">我的作业</a></li>
                        <li><a href="center_myquestion.html">我的问答</a></li>
                    </ul>
                </li>
                <li class="dropdown"><a href="#">账号设置</a>
                    <ul class="submenu">
                        <li><a href="modify_myinfo.html">修改信息</a></li>
                        <li><a href="modify_pwd.html">修改密码</a></li>
                        <li><a href="#" data-toggle="modal" id="logout">退出登录</a></li>
                    </ul>
                </li>
              </ul>
         
             
              <form class="navbar-form navbar-right toprit-bar" role="search">
                  <div class="pull-right white hidden">
                      <button type="button" class="btn btn-primary btn-block">登录</button>
                  </div>
                 <div class="pull-right white welcome">
                     <p class="form-control-static">欢迎你，<a href="personal_center.html" id="ID">1205107037</a></p>
                  </div>
                

                  <div class="form-group pull-right webdesigntuts-workshop">		    
                        <input type="search" placeholder="请输入要搜索的课程">		    	
                        <a class="btn" href="search_result.html" id="search-btn" role="button">搜索</a>
                  </div>
              </form>
        
            </div><!-- /.navbar-collapse -->
      	</div><!-- /.container-fluid -->
	</nav>


    <div class="container" id="container-summary">
        <div class="page-header">
          <h3>所有课程</h3>
        </div>
		
        <div class="row" id="course-kinds">
          <div class="col-md-1 pt15" >
          	  <h4 class="text-info">分类：</h4>
          </div>
          
          <div class="col-md-11" >
        	<ul class="nav nav-tabs" role="tablist" id="feature-tab">
                <li class="active"><a href="#tab-kind1" role="tab" data-toggle="tab">金融管理类</a></li>
                <li><a href="#tab-kind2" role="tab" data-toggle="tab">IT/计算机/互联网</a></li>
                <li><a href="#tab-kind3" role="tab" data-toggle="tab">营销类</a></li>
                <li><a href="#tab-kind4" role="tab" data-toggle="tab">语言技能</a></li>
            </ul>
          </div>
          
        </div>
         
            <div class="tab-content mt30">
                <div class="tab-pane active" id="tab-kind1">
                    <div class="row" id="course">
                        <div class="col-md-3" >
                            <div class="course_img">
                                <img class="" src="../../images/class2.jpg" alt="chrome">
                                <a href="gointo_class.html" class="gotostudy">进入学习</a>
                            </div>
                            <div class="course_info clearfix shadow">
                                <h4 class="mb5">php实现手机归属地查询</h4>
                                <p>
                                    <span class="pull-left color-gray">李尤丰</span>
                                    <span class="pull-right color-gray">44人学习</span>
                                </p>
                            </div>
                        </div>
                        
                        <div class="col-md-3" >
                            <div class="course_img">
                                <img class="" src="../../images/class2.jpg" alt="chrome">
                                <a href="gointo_class.html" class="gotostudy">进入学习</a>
                            </div>
                            <div class="course_info clearfix shadow">
                                <h4 class="mb5">php实现手机归属地查询</h4>
                                <p>
                                    <span class="pull-left color-gray">李尤丰</span>
                                    <span class="pull-right color-gray">44人学习</span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div> <!--tab-pane-->
                
                <div class="tab-pane" id="tab-kind2">
                    <div class="row" id="course">
                        <div class="col-md-3" >
                            <div class="course_img">
                                <img class="" src="../../images/class3.jpg" alt="chrome">
                                <a href="gointo_class.html" class="gotostudy">进入学习</a>
                            </div>
                            <div class="course_info clearfix shadow">
                                <h4 class="mb5">php实现手机归属地查询</h4>
                                <p>
                                    <span class="pull-left color-gray">李尤丰</span>
                                    <span class="pull-right color-gray">44人学习</span>
                                </p>
                            </div>
                        </div>
                        
                        <div class="col-md-3" >
                            <div class="course_img">
                                <img class="" src="../../images/class3.jpg" alt="chrome">
                                <a href="gointo_class.html" class="gotostudy">进入学习</a>
                            </div>
                            <div class="course_info clearfix shadow">
                                <h4 class="mb5">php实现手机归属地查询</h4>
                                <p>
                                    <span class="pull-left color-gray">李尤丰</span>
                                    <span class="pull-right color-gray">44人学习</span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div><!--tab-pane-->
                
                <div class="tab-pane" id="tab-kind3">
                    <div class="row" id="course">
                        <div class="col-md-3" >
                            <div class="course_img">
                                <img class="" src="../../images/class4.jpg" alt="chrome">
                                <a href="gointo_class.html" class="gotostudy">进入学习</a>
                            </div>
                            <div class="course_info clearfix shadow">
                                <h4 class="mb5">php实现手机归属地查询</h4>
                                <p>
                                    <span class="pull-left color-gray">李尤丰</span>
                                    <span class="pull-right color-gray">44人学习</span>
                                </p>
                            </div>
                        </div>
                        
                        <div class="col-md-3" >
                            <div class="course_img">
                                <img class="" src="../../images/class4.jpg" alt="chrome">
                                <a href="gointo_class.html" class="gotostudy">进入学习</a>
                            </div>
                            <div class="course_info clearfix shadow">
                                <h4 class="mb5">php实现手机归属地查询</h4>
                                <p>
                                    <span class="pull-left color-gray">李尤丰</span>
                                    <span class="pull-right color-gray">44人学习</span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div><!--tab-pane-->
                
                <div class="tab-pane" id="tab-kind4">
                    <div class="row" id="course">
                        <div class="col-md-3" >
                            <div class="course_img">
                                <img class="" src="../../images/class5.jpg" alt="chrome">
                                <a href="gointo_class.html" class="gotostudy">进入学习</a>
                            </div>
                            <div class="course_info clearfix shadow">
                                <h4 class="mb5">php实现手机归属地查询</h4>
                                <p>
                                    <span class="pull-left color-gray">李尤丰</span>
                                    <span class="pull-right color-gray">44人学习</span>
                                </p>
                            </div>
                        </div>
                        
                        <div class="col-md-3" >
                            <div class="course_img">
                                <img class="" src="../../images/class5.jpg" alt="chrome">
                                <a href="gointo_class.html" class="gotostudy">进入学习</a>
                            </div>
                            <div class="course_info clearfix shadow">
                                <h4 class="mb5">php实现手机归属地查询</h4>
                                <p>
                                    <span class="pull-left color-gray">李尤丰</span>
                                    <span class="pull-right color-gray">44人学习</span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div><!--tab-pane-->
                 
            </div><!--课程列表-->
         
<footer>
    	<hr class="feature-divider">
        <p class="pull-right"><a href="#top" class="backTop">回到顶部</a></p>
        <p><span class="copyRight">&copy; 微课</span> </p>
    </footer>

</div>	
  
<!--退出登录弹框-->  
<div class="modal fade" id="exit" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <p class="lead">确定要退出？？</p>
            </div>
            <div class="modal-footer">
                 <a class="btn btn-default pull-left btn-primary btn-lg" href="../login.html" role="button">我确定</a>
                <button type="button" class="btn btn-default pull-right btn-lg" data-dismiss="modal">闹着玩</button>
            </div>
        </div>
    </div>
</div>

    <script src="../../js/common/jquery.min.js" type="text/javascript"></script>
    <script src="../../js/common/bootstrap.min.js"></script>
    <!-- sweet alert -->
	<link href="../../css/sweet-alert.css" rel="stylesheet" />
	<script src="../../js/common/sweet-alert.js"></script>
	<!-- common -->
	<script src="../../js/common/maskUtil.js"></script>
	<script src="../../js/common/student.js"></script>
	<script src="../../js/common/commonAjax.js"></script>
	<script type="text/javascript">
    	$(function(){
    		window.location.href='search_result.html';
    	})
    </script>
  </body>
</html>